const path = require("path");
module.exports = {
    devServer: {
        port: 8310,
        proxy: {
            "/api": {
                target: "http://localhost:2229/",
                pathRewrite: {"^/api": "/api"}
            }
        }
    },
    chainWebpack: config => {
        const svgRule = config.module.rule("svg");
        // 清除已有的所有 loader。
        // 如果你不这样做，接下来的 loader 会附加在该规则现有的 loader 之后。
        svgRule.uses.clear();
        svgRule
            .test(/\.svg$/)
            .include.add(path.resolve(__dirname, "./src/icons"))
            .end()
            .use("svg-sprite-loader")
            .loader("svg-sprite-loader")
            .options({
                symbolId: "icon-[name]"
            });
        const fileRule = config.module.rule("file");
        fileRule.uses.clear();
        fileRule
            .test(/\.svg$/)
            .exclude.add(path.resolve(__dirname, "./src/icons"))
            .end()
            .use("file-loader")
            .loader("file-loader");
    }
};
